/*初始化*/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
a:hover{text-decoration: none;}

.inner{width: 1316px;margin: 0 auto;overflow: hidden;}
.bgcolor{background-color: #FFFFFF;}
.bgthemecolor{background-color: #2a8ff4;}

/*首页*/
#header-nav {top: 0;left: 0;width: 100%;z-index: 100;padding: 0 1rem;box-shadow: 0 2px 4px rgba(0,0,0,.1);position: fixed;background: #fff;transition: box-shadow .3s;color: #999999;/*border-bottom: 1px solid #f3f3f3;*/height: 78px;}

.nav-left .jiosc-logo a{line-height: 78px;display: block;height: 78px;margin-left: 88px;text-indent: 0;font-size: 22px;color: #3296fa;cursor: pointer;}
.nav-left .jiosc-logo .action-name{color: #000000;}
.nav-left .jiosc-logo .line{height: 24px;background-color: #d3d3d3;width: 1px;display: inline-block;vertical-align: -5px;margin: 0 5px;}
.nav-list{margin-right: 124px;}
.nav-list .nav-item {font-size: 15px;line-height: 78px;vertical-align: top;display: inline-block;height: 78px;text-align: center;padding: 0 11px;}
.nav-list .nav-item  a {position: relative;-o-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;
    display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 77px;padding: 0 12px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #999999;}
.nav-list .nav-item.active  a{color: #000000;font-weight: 600;}
.nav-list .nav-item a:hover{text-decoration: none;color: #000000;font-weight: 600;}
.nav-list .nav-item a:before {content: "";position: absolute;bottom:0px;width: 0;border-bottom:#3296fa solid 2px;left: 0;
-moz-transition: width .2s ease-in-out;-o-transition: width .2s ease-in-out;-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out ;}
.nav-list .nav-item a:hover:before {width: 100%;}
.nav-btn{margin-top:19px;font-size: 15px;color: #3296fa;height: 40px;line-height: 38px;border: 1px solid #3296fa;border-radius: 3px;width: 94px;text-align: center;display: inline-block;}
.nav-btn:hover{color: #067ff8;border: 1px solid #067ff8;}
.nav-btn.login{background-color: #3296fa;color: #FFFFFF;margin-left: 22px;}
.nav-btn.login:hover{background-color: #248df7;color: #FFFFFF;margin-left: 22px;}

.intro-item{position: relative;width: 100%;height: 100%;}
.intro-item img{width: 100%;height: 100%;display: block;}
.intro-item .intro-info{position: absolute;color: #FFFFFF;margin: 0 auto;z-index: 1;top: 30px;left: 0px;right: 0px;text-align: center;}
.intro-item .intro-info .title{font-size: 45px;font-weight: 600;margin-top: 48px;}
.intro-item .intro-info .subtitle{font-size: 22px;margin-top: 13px;}
.intro-btn a{margin-top: 57px;font-size: 18px;color: #FFFFFF;height: 47px;line-height: 47px;border-radius: 3px;background-color: #3296fa;width: 132px;text-align: center;display: inline-block;}
.intro-btn a:hover{background-color: #248df7;}
.company-nature{padding-top: 61px;padding-bottom: 44px;}
.nature-list ul{overflow: hidden;}
.nature-list .nature-item{float: left;width: 25%;text-align: center;}
.nature-list .nature-item .icon {font-size: 67px;color: #FFFFFF;background-color: #3296fa;display: inline-block;width: 140px;height: 140px;line-height: 140px;text-align: center;border-radius: 50%;}
.nature-list .nature-item .title {font-size: 18px;color: #222222;margin-top: 19px;}
.nature-list .nature-item .subtitle {font-size: 15px;color: #999999;margin-top: 7px;}
.rectangle-item{text-align: center;}
.rectangle-item .top{font-size: 38px;color: #ffffff;margin-top: 140px;}
.rectangle-item .tit{font-size: 16px;color: #ffffff;margin-top: 11px;}
.rectangle-item .rectangle-btn a{font-size: 20px;color: #FFFFFF;height: 60px;line-height: 60px;border-radius: 3px;background-color: #3296fa;text-align: center;display: inline-block;padding: 0 44px;margin-top: 42px;}
.rectangle-item .rectangle-btn a:hover{background-color: #248df7;}


.for-company-list ul{overflow: hidden;margin-top: 114px;padding-bottom: 79px;}
.for-company-list .for-company-item{float: left;width: 20%;text-align: center;}
.for-company-list .for-company-item .icon {font-size: 56px;color: #177ce1;display: inline-block;text-align: center;height: 65px;}
.for-company-list .for-company-item .title {font-size: 20px;color: #222222;margin-top: 37px;font-weight: 600;}
.for-company-list .for-company-item .subtitle {font-size: 14px;color: #999999;margin-top: 15px;}

.additional{color: #FFFFFF;font-size: 24px;line-height: 100px;text-align: center;}
.pro_list{padding-top: 9px;}
.case-item{text-align: left;background-color: #FFFFFF;cursor: pointer;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.case-item:hover{
    box-shadow: 0 0px 18px 0 rgba(7,17,27,.2);
    -moz-box-shadow: 0 0px 18px 0 rgba(7,17,27,.2);
    -webkit-box-shadow: 0 0px 18px 0 rgba(7,17,27,.2);
}
.case-item img{display: block;width: 100%;}
.case-item .case-info{padding: 0 18px;}
.case-item .case-company{font-size: 14px;color: #444444;margin-top: 13px;}
.case-item .case-company span{display: inline-block;width: 1px;height: 14px;background-color: #f3f1f1;margin: 0 11px;vertical-align: -2px;}
.case-item .case-name{font-size: 20px;color: #000000;margin-top: 6px;}
.case-item .case-intro{font-size: 13px;color: #999999;margin-top: 7px;border-bottom:1px solid #f3f1f1;padding-bottom: 12px; }
.case-item .case-count{font-size: 14px;color: #999999;line-height: 47px;}

.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat;font-size: 34px;color: #999999;}
.swiper-button-prev{left: -45px;}
.swiper-button-next{right: -39px;}

.swiper-button-next.gray, .swiper-button-prev.gray{color: #ccc;}
.set-of-way .title{font-size: 38px;color: #222222;text-align: center; padding-top: 62px;}
.set-of-way-item{overflow: hidden;margin-top: 84px;}

.set-of-way-item .type-name{font-size: 35.24px;color: #222222;margin-top: 57px;}
.set-of-way-item .type-intro{font-size: 19.25px;color: #444444;margin-top: 13px;line-height: 29px;}
.set-of-way-item .advantage-title{font-size: 16px;color: #444444;font-weight: 600;    margin-top: 59px;}
.set-of-way-item .advantage-list{font-size: 16px;color: #999999;line-height: 32px;margin-top: 6px;}
.contact-us{font-size: 20px;color: #444444;text-align: center;margin-top: 95px;}
.contact-us .contact-btn a{display: inline-block;font-size: 20.97px;color: #3296fa;border: 1px solid #3296fa;line-height: 48px;padding: 0 40px;border-radius: 3px;margin-top: 24px;margin-bottom: 95px;}
.contact-us .contact-btn a:hover{color: #067ff8;border:1px solid #067ff8;}





/*频道*/
.community-wrap{overflow: hidden;width: 55%;}
.community-wrap .community-list{background: #FFFFFF;border: 1px solid #f2f2f2;padding: 15px;margin-left: 3%;width: 47%;padding-bottom: 3px;border: 1px solid #f5f5f5;box-sizing: border-box;}
.community-list .community-title{font-size: 20px;color: #3e3e3e;border-bottom: 2px solid #f45656;font-weight: 600;line-height: 23px;padding-bottom: 17px;margin-bottom: 3px;}
.community-list .info{font-size: 14px;color: #666666;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.community-list .info span{width: 4px;height: 4px;border-radius: 50%;display: inline-block;background-color: #f45656;vertical-align: 3px;margin-right: 7px;}
.community-list .info.fl{width: 82%;}
.community-list .count{font-size: 14px;color: #999999;line-height: 40px;}
.community-list li:hover .info{color: #000;}
.community-list li:hover .count{color: #333;}



.channel-wrap .channel-title{font-size: 22px;color: #515151;line-height: 63px;border-bottom: 1px solid #f9f9f9;}
.channel-list{overflow: hidden;}
.channel-item{padding: 30px 0;overflow: hidden;width: 50%;float: left;}
.channel-item .icon{margin-right: 21px;font-size: 44px;color: #FFFFFF;line-height: 115px;width: 115px;height: 115px;background-color: #3296fa;border-radius: 50%;display: inline-block;text-align: center;}
.channel-item .name{font-size: 22px;color: #3296fa;margin-top: 16px;display: block;}
.channel-item .name:hover{color: #1d77d2;}
.channel-item .name .sub{font-size: 17.38px;color: #999999;}
.channel-item .industry{font-size: 18px;color: #444444;    margin-top: 3px;}
.channel-item .count{font-size: 15px;color: #999999;margin-top: 9px;}


.coo-mode{text-align: center;background-color: #f9f9f9;padding-bottom: 50px;}
.coo-mode .title{font-size: 38.07px;color: #000000;margin-top: 37px;}
.coo-mode-list{overflow: hidden;width: 1095px;margin: 0 auto;margin-top: 42px;}
.coo-mode-item{float: left;width: 50%}
.coo-mode-cont{;border: 1px solid #c9c9c9;width: 464px;margin: 0 auto;}
.coo-mode-item .coo-mode-head{background-color: #f4f4f4;padding-top: 27px;padding-bottom: 30px;}
.coo-mode-item .coo-mode-head .coo-mode-title{font-size: 26.36px;color: #000000;}
.coo-mode-item .coo-mode-head .coo-mode-subtitle{font-size: 16px;color: #999999;margin-top: 10px;}
.coo-mode-item .coo-mode-body{overflow: hidden;background-color: #FFFFFF;padding-top: 27px;padding-bottom: 27px;}
.coo-mode-item .coo-mode-body p{font-size: 15px;color: #444444;float: left;width: 50%;text-align: center;line-height: 60px;}
.coo-mode-foot{background-color: #FFFFFF; padding-bottom: 40px;padding-top: 17px;}
.coo-mode-foot .money{font-size: 24.6px;color: #ff2727;}
.coo-mode-foot .btn{opacity: 1;display: inline-block;color: #FFFFFF;background-color: #3296fa;font-size: 13px;line-height: 30px;width: 100px;text-align: center;padding: 0px;    margin-top: 18px;border: none;border-radius: none;}
.coo-mode-foot .btn:hover{background-color: #248df7;}

.process{padding:72px 0;}
.process .title{font-size: 39.5px;text-align: center;}
.public-btn{background-color: #3296fa;color: #FFFFFF;font-size: 25px;line-height: 83px;margin: 0 auto;width: 284px;text-align: center;border-radius: 5px;margin-bottom: 116px;margin-top: 54px;}
.public-btn:hover{background-color: #248df7;}


/*下载*/
.download-wrap img{display: block;width: 100%;}
.download-cont{overflow: hidden;padding-top: 80px;}
.download-cont .download-img{width: 40%;margin-left: 135px;}
.download-cont .download-img img{display: block;width: 100%;}
.download-info{margin-left: 27px;}
.download-info .title{font-size: 40px;color: #ffffff;text-align: left;}
.ewm-list{margin-top: 85px;overflow: hidden;}
.ewm-item{float: left;}
.ewm-item .img{width: 137px;height: 137px;}
.ewm-item .img img{display: block;width: 100%;height: 100%;}
.ewm-item .name{font-size: 16px;color: #ffffff;    margin-top: 15px;}
.ewm-btn{font-size: 16.77px;color: #ffffff;line-height: 40px;border: 1px solid #fff;border-radius: 40px;width: 131px;text-align: center;margin-bottom: 13px;margin-left: 23px;margin-right: 42px;}
.ewm-btn .icon{font-size: 22px;vertical-align: -2px;margin-right: 5px;}


.contactus-info{font-size: 16px;color: #333333;text-align: center;line-height: 33px;margin-bottom: 50px;margin-top: 27px;}
.suggest-cont{margin-top: 77px;margin-bottom: 77px}
.suggest-cont .title{font-size: 38px;color: #222222;text-align: center;}
.suggest-cont .subtitle{font-size: 16px;color: #999999;text-align: center;margin-top: 12px;}
.suggest-cont textarea{font-size: 16px;width: 100%;border: 1px solid #efecf2;padding: 10px;margin-top: 31px;border-radius: 5px;}
.suggest-cont .suggest-btn{font-size: 22px;color: #FFFFFF;background-color: #3296fa;line-height: 58px;text-align: center;width: 210px;border-radius: 5px;margin: 0 auto;margin-top: 52px;}
.suggest-cont .suggest-btn:hover{background-color: #248df7;cursor: pointer;}





























